<template>
  <div>
    <van-tabs class="navSty">
      <van-tab v-for="(n, inx) in navData" :title="n.n" :key="inx"> </van-tab>
    </van-tabs>
  </div>
</template>
<script>
export default {
  name: "navWrap",
  data() {
    return {
      navData: [
        {
          n: "关注",
          hot: 0,
          link: "http://www.sina.com.cn/a",
        },
        {
          n: "推荐",
          hot: 0,
          link: "http://www.sina.com.cn/a",
        },
        {
          n: "热榜",
          hot: 0,
          link: "http://www.sina.com.cn/a",
        },
        {
          n: "抗疫",
          hot: 0,
          link: "http://www.sina.com.cn/a",
        },
        {
          n: "视频",
          hot: 0,
          link: "http://www.sina.com.cn/a",
        },
        {
          n: "免费小说",
          hot: 0,
          link: "http://www.sina.com.cn/a",
        },
        {
          n: "抗疫",
          hot: 0,
          link: "http://www.sina.com.cn/a",
        },
        {
          n: "视频",
          hot: 0,
          link: "http://www.sina.com.cn/a",
        },
        {
          n: "免费小说",
          hot: 0,
          link: "http://www.sina.com.cn/a",
        },
      ],
    };
  },
};
</script>
<style scoped>
.navSty {
  padding: 0.3rem 0;
  border-bottom: 1px solid #666;
}
</style>